<html>
	<head>
	
		<!--                                           -->
		<!-- Any title is fine                         -->
		<!--                                           -->
		<title>Wrapper HTML for vse</title>
		
		
		<link href="style.css" rel="stylesheet" type="text/css">

		<!--                                           -->
		<!-- This script loads your compiled module.   -->
		<!-- If you add any GWT meta tags, they must   -->
		<!-- be added before this line.                -->
		<!--                                           -->
		<script language='javascript' src='com.appspot.vse.nocache.js'></script>
	</head>

	<!--                                           -->
	<!-- The body can have arbitrary html, or      -->
	<!-- you can leave the body empty if you want  -->
	<!-- to create a completely dynamic ui         -->
	<!--                                           -->
	<body>

		<!-- OPTIONAL: include this if you want history support -->
		<iframe src="javascript:''" id="__gwt_historyFrame" style="width:0;height:0;border:0"></iframe>

		<div id="page">
		<h1>Virtual Stock Exchange</h1>
		<div id="headline-date"></div>
		 <div id="loginlogout-content"></div>
		<hr/>
		<div id="left-navigation">
			<ul>
				<li>Trade</li>
				<li>Portfolio</li>
				<li>Game</li>
				<li>Logout</li>
			</ul>		
		</div>
		
		<div id="center-content">
			<h2>SomeGame - Portfolio</h2>
			<ol class="center-navigation">
				<li>Holdings</li>	
				<li>P&L</li>	
				<li>Orders</li>
				<li>Transaction History</li>			
			</ol>
			<div class="dark-background"  >
				<table>
					<tr>
						<td class="align-left"><h3>Today's Return:</h3> 0.34%</td>
						<td class="align-center"><h3>Month's Return:</h3> -1.05%</td>
						<td class="align-right"><h3>Total Return:</h3> 5.0%</td>
					</tr>
				</table>
			</div>
			<div class="dark-background">
				<table>
					<tr>
						<td class="align-left"><h3>Total Equity:</h3> $10,315.03</td>
						<td class="align-center"><h3>Cash:</h3> $315.00</td>
						<td class="align-center"><h3>Long Positions:</h3> $10,000.03</td>
						<td class="align-right"><h3>Short Positions:</h3> $0.00 </td>
					</tr>
				</table>
			</div>
			<div class="portfolio-item">
			
				<table>
					<tr> 
						<th>Symbol</th> <th>Qty</th> <th>Position</th> <th>Change</th> <th>Change %</th> <th>Gain/Loss</th> <th>% Equity</th>
					</tr>
					<tr> 
						<td>QQQQ</td>   <td>100</td> <td>L</td>        <td>+1.24</td>  <td>0.60%</td>    <td>+134.34</td>   <td>80%</td>
					</tr>
					<tr> 
						<td>IBM</td>   <td>100</td> <td>L</td>        <td>+1.24</td>  <td>0.60%</td>    <td>+134.34</td>   <td>80%</td>
					</tr>
					<tr> 
						<td>BA</td>   <td>100</td> <td>L</td>        <td>+1.24</td>  <td>0.60%</td>    <td>+134.34</td>   <td>80%</td>
					</tr>
					<tr> 
						<td>AUY</td>   <td>100</td> <td>L</td>        <td>+1.24</td>  <td>0.60%</td>    <td>+134.34</td>   <td>80%</td>
					</tr>
				</table>			
			
			</div>
			
			<br/>
			<br/>
			<object data="../service/chart?symbol=IBM" width="600" height="400" 
				type="image/svg+xml"
				pluginspage="http://www.adobe.com/svg/viewer/install/" />
		</div>
		<div id="right-panel">
			<img src="http://chart.apis.google.com/chart?cht=lc&chd=s:pqokeYONOMEBAKPOQVTXAdecaZcglprqxuux393atpoonkeggjp&chco=FF0000&chls=2.0,3.0,0.0&chs=300x200&chxt=x,y&chxl=0:|Jun|July|Aug|1:||2000|3000|4000|5000&chf=bg,s,fffcfc&chtt=CME E-minis&chg=10,10,2,2"/>
		</div>
	</body>
</html>
